<!-- breadcrumbs -->
<div class="agileits_breadcrumbs">
    <div class="container">
        <div class="agileits_breadcrumbs_left">
            <ul>
                <li><a href="index">Home</a><i>|</i></li>
                <li>Single</li>
            </ul>
        </div>
        <div class="agileits_breadcrumbs_right">
            <h3>Single</h3>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!-- //breadcrumbs -->
<!-- single -->
<div class="blog">
    <div class="container">
        <div class="col-md-7 wthree_blog_left">
            <div class="wthree_blog_left_grid">
                <div class="wthree_blog_left_grid_slider">
                    <img src="images/s1.jpg" alt=" " class="img-responsive" />
                </div>
                <h4>景彧科技</h4>
                <h3>facilisis velit vitae gravida imperdiet</h3>
                <ul>
                    <li><span class="glyphicon glyphicon-user" aria-hidden="true"></span><a href="#">Jan
                            Mark</a><i>|</i></li>
                    <li><span class="glyphicon glyphicon-heart" aria-hidden="true"></span><a href="#">20</a><i>|</i>
                    </li>
                    <li><span class="glyphicon glyphicon-tag" aria-hidden="true"></span><a href="#">5</a><i>|</i></li>
                    <li><span class="glyphicon glyphicon-edit" aria-hidden="true"></span>Voluptatibus</li>
                </ul>
                <p>Duis venenatis, mi quis malesuada ultricies, nisi nisl posuere sapien, id egestas lectus urna et
                    massa. Morbi mauris turpis, posuere auctor auctor ornare, auctor nec lectus. Class aptent taciti
                    sociosqu ad litora torquent per conubia
                    nostra, per inceptos himenaeos.
                    <i>Nulla faucibus, arcu at consequat vulputate, turpis metus blandit urna,
                        quis suscipit orci nibh nec est. Phasellus tempus augue turpis. Fusce nec
                        tellus blandit, ullamcorper sapien vel, placerat erat. Nam non massa elit.
                        Morbi placerat molestie felis. Integer facilisis velit leo, vitae gravida
                        elit fringilla nec.</i>Quisque id nunc nec risus molestie aliquam. Donec ex eros, lobortis et
                    lorem quis, sagittis malesuada lectus. Suspendisse ornare sed purus a imperdiet. Integer viverra
                    nisi orci, in volutpat leo ornare
                    vitae.
                </p>
            </div>
            <div class="agileits_share">
                <ul>
                    <li>
                        <a class="linkedin" href="#"></a>
                    </li>
                    <li>
                        <a class="google" href="#"></a>
                    </li>
                    <li>
                        <a class="twitter" href="#"></a>
                    </li>
                    <li>
                        <a class="facebook" href="#"></a>
                    </li>
                </ul>
            </div>

            <div class="agileits_reply">
                <h3>Leave a reply</h3>
                <form action="#" method="post">
                    <input type="text" name="Name" placeholder="Name" required="">
                    <input type="email" name="Email" placeholder="Email" required="">
                    <input type="text" name="Subject" placeholder="Subject" required="">
                    <textarea name="Message" placeholder="Type your comment..." required=""></textarea>
                    <input type="submit" value="Submit">
                </form>
            </div>
        </div>
        <div class="col-md-5 wthree_blog_right">
            <div class="w3ls_search">
                <form action="#" method="post">
                    <input type="text" name="Search" placeholder="Search on our blog" required="">
                    <input type="submit" value=" ">
                </form>
            </div>
            <div class="w3l_categories">
                <h3>Categories</h3>
                <ul>
                    <li><a href="single">Vitae gravida elit fringilla nec sociosqu</a></li>
                    <li><a href="single">Morbi mauris turpis, posuere auctor auctor</a></li>
                    <li><a href="single">Class aptent taciti sociosqu litora torquent</a></li>
                    <li><a href="single">Duis venenatis, mi quis malesuada ultricies</a></li>
                    <li><a href="single">Egestas lectus urna et massa morbi mauris</a></li>
                    <li><a href="single">Torquent conubia nostra inceptos himenaeos</a></li>
                    <li><a href="single">Urna et massa morbi mauris turpis, posuere</a></li>
                </ul>
            </div>

            <div class="w3l_archives">
                <h3>Archives</h3>
                <ul>
                    <li>2 August 2017</li>
                    <li>14 August 2017</li>
                    <li>23 August 2017</li>
                    <li>8 September 2017</li>
                    <li>18 September 2017</li>
                </ul>
            </div>
            <div class="w3agile_flickr_posts">
                <h3>Flickr Posts</h3>
                <div class="w3agile_flickr_post_left">
                    <a href="single"><img src="images/ng1.jpg" alt=" " class="img-responsive" /></a>
                </div>
                <div class="w3agile_flickr_post_left">
                    <a href="single"><img src="images/ng2.jpg" alt=" " class="img-responsive" /></a>
                </div>
                <div class="w3agile_flickr_post_left">
                    <a href="single"><img src="images/ng3.jpg" alt=" " class="img-responsive" /></a>
                </div>
                <div class="w3agile_flickr_post_left">
                    <a href="single"><img src="images/ng4.jpg" alt=" " class="img-responsive" /></a>
                </div>
                <div class="w3agile_flickr_post_left">
                    <a href="single"><img src="images/ng5.jpg" alt=" " class="img-responsive" /></a>
                </div>
                <div class="w3agile_flickr_post_left">
                    <a href="single"><img src="images/ng6.jpg" alt=" " class="img-responsive" /></a>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
        <div class="clearfix"> </div>
    </div>
</div>
<!-- //single -->